<template>
	<div class="battle-tool-bar-status">
		<div class="battle-tool-bar-status-navigate">
			<div class="battle-tool-bar-status-navigate-icon">
				<img src="@/static/img/icon/navigate.png" />
			</div>
			<div class="battle-tool-bar-status-navigate-text">返回</div>
		</div>
		<div class="battle-tool-bar-status-groups">
			<div class="battle-tool-bar-status-groups-item">
				<div class="battle-tool-bar-status-groups-item-icon"><img src="@/static/img/battle/eye-fill.png" /></div>
				<div class="battle-tool-bar-status-groups-item-text">{{ props.viewCount }}</div>
			</div>
			<div class="battle-tool-bar-status-groups-item">
				<div class="battle-tool-bar-status-groups-item-icon"><img src="@/static/img/icon/battle-security.png" /></div>
				<div class="battle-tool-bar-status-groups-item-text">可证明公平性</div>
			</div>
			<div class="battle-tool-bar-status-groups-item">
				<div class="battle-tool-bar-status-groups-item-icon"><img src="@/static/img/battle/share-battle.png" /></div>
				<div class="battle-tool-bar-status-groups-item-text">分享对战</div>
			</div>
		</div>
	</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
	setup(props, { emit }) {
		return {
			props
		};
	},
	components: {},

	props: {
		viewCount: {
			type: Number,
			default: () => null
		}
	}
});
</script>

<style scope lang="scss">
@import '@/views/battle/components/CreateBattle/ToolBarStatus.scss';
</style>
